<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Soluciones Integrales ARE</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<link rel="Shortcut Icon" href="icono_tm.ico" type="image/x-icon" />
<script type="text/javascript" language="javascript">
	function validar() {
		$("#msg_usuario").html("");
		$("#msg_clave").html("");
		$("#info").html("");
		var pasa = true;
		var usuario = $("#usuario").val();
		var clave = $("#clave").val();
		if (usuario == "") {
			$("#msg_usuario").html("Campo requerido");
			pasa = false;
		}
		if (clave == "") {
			$("#msg_clave").html("Campo requerido");
			pasa = false;
		}
		if (pasa == true) {
			var url = "SrvUsuarios";
			$.post(url, {
				operacion: "login",
				usuario : usuario,
				clave : clave
			}, procesar);
		}
	}
	function procesar(resultado) {
		if (resultado == "OK") {
			document.location.href="main.jsp";
			return;
		}else {
			$("#info").html(resultado);
		}

	}
</script>
</head>
<body>
	<div id="central">
	<h1>
		<img src="images/logo.png" />AreApp
	</h1>
	<div id="info"></div>
	<form action="" name="form1" id="form1" method="post">
		<table>
			<tr>
				<th colspan=2>Login</th>
			</tr>
			<tr>
				<td>Usuario</td>
				<td><input type="text" name="usuario" id="usuario">
					<div id="msg_usuario"></div></td>

			</tr>
			<tr>
				<td>Clave</td>
				<td><input type="password" name="clave" id="clave">
					<div id="msg_clave"></div></td>

			</tr>

			<tr>
				<td colspan=2 align="center"><input type="button"
					onclick="javascript:validar()" name="cmd_login" id="cmd_login"
					value="Ingresar"></td>
			</tr>

		</table>
		Todos los derechos reservados
	</form>
	</div>
</body>
</html>